/*=============================================================================
    test/test.css
    Copyright (C) 2008-2009, Donald W. Griffin
    All rights reserved.
    [MIT license :: see license.txt for details]
=============================================================================*/
td { color: white; }
.passed { background-color: green; }
.failed { background-color: red; }

/*p {
  hoverHack: expression(jibits.hoverHack(this));
}*/

p.hover, p:hover {
    background-color: red;
    color: white;
}

.notIE .onlyIE {
    display: none;
}

.isIE .isntIE {
    display: none;
}

.notFF .onlyFF {
    display: none;
}

.isFF .isntFF {
    display: none;
}

.jibitsModalPane {
    opacity: 0.5;
    background: black;
}

.testModalPane {
    opacity: 0.2;
    background: black;
}

.isIE .jibitsModalPane {
    filter: alpha(opacity=50);
}

.isIE .testModalPane {
    filter: alpha(opacity=20);
}

.draggable {
    cursor: move;
}

.dragBox {
    width: 40px;
    height: 30px;
    border: 5px solid blue;
    background-color: silver;
}

.dragIns {
    width: 6px;
    margin-left: -3px;
    height: 10px;
    background-color:fuchsia;
    position:absolute;
    z-index: 20;
}

.popBox {
    width: 40px;
    height: 30px;
    border: 5px solid orange;
    margin: 0 auto; /* v, h */
    margin-top: -20px;
}

#dlg .popBox {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

#dragbox {
    position: absolute;
    left : 700px;
    top: 300px;
}

.popup {
    border: 2px solid black;
    background: green;
    position: absolute;
    width: 180px;
    height: 250px;
}

.dialog {
    border: 20px solid black;
    background: #E0E0E0;
    position: absolute;
    padding: 10px 5px; /* v, h */
}

.dialog .buttons {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.dialog .buttons input {
    margin: 0 4px; /* v, h */
}

.dialog h1 {
    margin-top: 0px;
    text-align: center;
    width: 100%;
}

#dialog1 {
    width: 200px;
    height: 175px;
}

#dlg {
    width: 300px;
    height: 425px;
}

/* --- Grid --- */

table.grid {
    border-collapse: collapse;
    border: 1px solid silver;
    table-layout: fixed;
    overflow:hidden;
}

table.grid thead {
    overflow:hidden;
}

table.grid tbody {
    height: 100px;
    overflow:hidden;
}

table.grid th {
    border: 1px solid silver;
    padding: 0px 0px; /* v, h */
    /*background-image: url("gridcols.gif");*/
    background-image: url("grid-header.gif");
    font-weight: normal;
    overflow:hidden;
}

table.grid td {
    border-width: 0px;
    padding: 1px 6px; /* v, h */
    overflow:hidden;
}

table.grid tr.row1of2 {
    background-color: #F0F0F0;
}

table.grid tr.row2of2 {
    background-color: #E0E0E0;
}

table.grid tr {
    /*background-image: url("gridcols.gif");*/
    height: auto;
}

table.grid .sortIndicator {
    display:none;
    width: 9px;
    height: 5px;
    position: absolute;
    right: 4px;
    top: 8px;
}

table.grid .sortCol .sortIndicator {
    display:block;
}

table.grid .sortCol2 .sortIndicator {
    opacity:0.6;
}

table.grid .sortCol3 .sortIndicator {
    opacity:0.25;
}

.isIE table.grid .sortCol2 .sortIndicator {
    filter: alpha(opacity=60);
}

.isIE table.grid .sortCol3 .sortIndicator {
    filter: alpha(opacity=25);
}

table.grid .sortAscend .sortIndicator {
    background-image: url("sort_asc.gif");
}

table.grid .sortDescend .sortIndicator {
    background-image: url("sort_desc.gif");
}

table.grid th:hover {
    background-image: url("grid-header-hot.gif");
}

table.grid td {
    color: black;
}

#testgrid {
    max-height: 200px;
    width:500px;
}

#dlg_testgrid2 {
    width:90%;
    margin: 10px auto;
    height: 150px;
}

/*
#dlg_testgrid2 tbody {
    overflow-y: scroll;
    overflow-x: hidden;
}
*/
